$(".man-col").mouseenter(function () {
    $(".man-list").stop(true)
    $(".man-list").animate({
        height: 'show'
    }, 200)
});
$(".man-col").mouseleave(function () {
    $(".man-list").stop(true)
    $(".man-list").animate({
        height: 'hide'
    }, 200)
});
$(".woman-col").mouseenter(function () {
    $(".woman-list").stop(true)
    $(".woman-list").animate({
        height: 'show'
    }, 200)
});
$(".woman-col").mouseleave(function () {
    $(".woman-list").stop(true)
    $(".woman-list").animate({
        height: 'hide'
    }, 200)
});
$(".parts").mouseenter(function () {
    $(".parts-list").stop(true)
    $(".parts-list").animate({
        height: 'show'
    }, 200)
});
$(".parts").mouseleave(function () {
    $(".parts-list").stop(true)
    $(".parts-list").animate({
        height: 'hide'
    }, 200)
});

// 吸顶菜单
window.onscroll = function () {
    var scroollTop = document.documentElement.scrollTop || document.body.scrollTop;
    if (scroollTop >60) {
       $(".header_con").css({'position':'fixed','top':'0','z-index':'99'}),
       $(".img_logo>img").css({'width':'70','height':'38'})
    } else {
    $(".header_con").css({'position':'relative'}),
    $(".img_logo>img").css({'width':'170','height':'94'})
}
}

// 锚点
// 因为页面卷动在吸顶菜单上写过，所以不用再次写卷动
// 回到顶部;
// 1. 点击回到顶部按钮;
// 2. 设置scrollTop 为0;
$(".fa-angle-up").click(function(){
    document.documentElement.scrollTop = 0;
    document.body.scrollTop = 0;
})


// 登录切换
$(".user-login").click(function(){
    $(".phone-login").css({
        "borderBottom":"2px solid transparent"
    })
    $(".user-login").css({
        "borderBottom":"2px solid #cb0025"
    })
    $(".phone-mokuai").hide()
    $(".user-mokuai").show()
})
$(".phone-login").click(function(){
    $(".user-login").css({
        "borderBottom":"2px solid transparent"
    })
    $(".phone-login").css({
        "borderBottom":"2px solid #cb0025"
    })
    $(".user-mokuai").hide()
    $(".phone-mokuai").show()
})




// 登录
$(".login-btn").click(function(){
    // 获取用户的名字
    var loginname_value = $("#loginname").val();
    var password_value = $("#password").val();
    console.log(loginname_value, password_value)

    if(loginname_value == '' || password_value == ''){
        alert("用户名及密码不能为空")
    }else{
        $.ajax({
            url:"http://localhost/dickies1/getuser.php", 
            data : {
                loginname : loginname_value,
                password : password_value
          },
            dataType:'json'
        })
            .then(function(res){
                console.log(res);
                if(res.type  === "success"){
                    alert("登录成功")
                      $.cookie("usermsg",loginname_value)
                      location.href = "./index.html";
                }
                if(res.type === "error"){
                      alert(res.error_msg)
                }
            
        })
    }
})
